<template>
  <div>
    <MyDialog>
     <!-- 头部 -->
      <!-- v-slot:header 简写 #header -->
      <template #header>
        <h2>温馨提示</h2>
      </template>
      <!-- 中间内容 -->
      <template #body>
        <div>请确认内容</div>
      </template>
      <!-- 尾部内容 -->
      <template #footer>
        <button>取消</button>
        <button>确认</button>
      </template>
    </MyDialog>
  </div>
</template>

<script>
import MyDialog from "./components/MyDialog.vue"
export default {
  data() {
    return {}
  },
  components: {
    MyDialog,
  },
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>